<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@page contentType="text/html;charset=UTF-8"   language="java"  %>
<%
  	String base = request.getContextPath();
%>
<div class="LeftTitle">
	<!--<h1><img src="<%=base%>/resources/images/logo.png"/></h1>-->
	<div class="opera">
		<div class="active bar">Main Menu</div>
		<div class="bar">Departments</div>
	</div>
	
</div>
<div class="LeftBar-bottom">
	<div class="opera-item1" style="display: block;">
		<ul class="mui-table-view">
			<li class="mui-table-view-cell" id="online-shop">
				<img src="<%=base%>/resources/images/hidemenu/online-shop.png"/>
				<span>Online Shop	<%--<fmt:message key="menu.shopping" />--%></span>
			</li>
			<li class="mui-table-view-cell" id="weekly-special">
				<img src="<%=base%>/resources/images/hidemenu/top-picks.png"/>
				<span>Weekly Specials<%--<fmt:message key="menu.Specials" />--%></span>  <!-- Must buy changed to top picks, don't overwrite my changes!-->
			</li>
			<li class="mui-table-view-cell" id="pre-orders">
				<img src="<%=base%>/resources/images/hidemenu/pre-orders.png"/>
				<span>Pre-Orders<%--<fmt:message key="menu.preorder" />--%></span>
			</li>
		    <li class="mui-table-view-cell" id="features">
				<img src="<%=base%>/resources/images/hidemenu/highights.png"/>
				<span>Features<%--<fmt:message key="menu.features" />--%></span>
			</li>
			<li class="mui-table-view-cell" id="popular-brands">
				<img src="<%=base%>/resources/images/hidemenu/popular-brands.png"/>
				<span>Popular Brands<%--<fmt:message key="menu.popular" />--%></span>
			</li>
			<li class="mui-table-view-cell" id="popular-category">
				<img src="<%=base%>/resources/images/hidemenu/popular-categories.png"/>
				<span>Popular Categories<%--<fmt:message key="menu.categories" />--%></span>
			</li>
			<li class="mui-table-view-cell" id="wine-corner">
				<img src="<%=base%>/resources/images/hidemenu/wine-corner.png"/>
				<span>Wine Corner<%--<fmt:message key="menu.wine" />--%></span>
			</li>
			<li class="mui-table-view-cell">
				<img src="<%=base%>/resources/images/hidemenu/recipes.png"/>
				<span>Recipes<%--<fmt:message key="menu.recipes" />--%></span>
			</li>
			<li class="mui-table-view-cell" id="hampers">
				<img src="<%=base%>/resources/images/hidemenu/hammpers.png"/>
				<span>Hampers<%--<fmt:message key="menu.hampers" />--%></span>
			</li>
			<li class="mui-table-view-cell" id="stamp-collection">
				<img src="<%=base%>/resources/images/hidemenu/stamp-collection.png"/>
				<span>Stamp Collection<%--<fmt:message key="menu.Stamp" />--%></span>
			</li>
			<li class="mui-table-view-cell" id="octopusReward">
				<img src="<%=base%>/resources/images/hidemenu/octopus-reward.png"/>
				<span>Octopus Reward<%--<fmt:message key="menu.Octopus" />--%></span>
			</li>
			<li class="mui-table-view-cell" id="store-locator">
				<img src="<%=base%>/resources/images/hidemenu/stre-locator.png"/>
				<span>Store Locator<%--<fmt:message key="menu.store" />--%></span>
			</li>
			<li class="mui-table-view-cell" id="refer-friend">
				<img src="<%=base%>/resources/images/hidemenu/refer-afriend.png"/>
				<span>Refer a friend<%--<fmt:message key="menu.friend" />--%></span>
			</li>
			<li class="mui-table-view-cell" id="about">
				<img src="<%=base%>/resources/images/hidemenu/about.png" />
				<span>About Market Place<%--<fmt:message key="menu.about" />--%></span>
			</li>
		</ul>
	</div>
	<div class="opera-item2">
		<ul class="mui-table-view">

		</ul>
	</div>
</div>
